<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=no" />
    <meta meta charset= utf-8/>
</head>
<style>
	body{ background-color:Black;
	background-image:url('./bk.jpg');
		background-size:contain;
	 background-repeat:no-repeat;
	 background-position:left bottom; 
	 height:100%}
	.fontcolor{
		color: #ffffff;
		 font-family:"Times New Roman", Times, serif;
		 text-shadow: 1px 1px 10px #0000FF;
		 font-size:1.875em;
	}
</style>

<body>
	<div align="center">
		<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
			<h1 class="fontcolor">Enter your Name: </h1><input type="text" name="name">
			<h1 class="fontcolor">Enter your age: </h1><input type="text" name="age"><br>
			<input type="submit">
		</form>
<?php
    header("Content-Type: text/html; charset=UTF-8");
   if ($_SERVER["REQUEST_METHOD"] == "POST")
      {
         $card = array(" the fool "," the magician", "the high priestress"," the empress"," the emperor"," the hierophant "," the lovers "," the chariot "," strength "," the hermit "," the wheel of fortune "," justice "," the hanged man "," death "," temperance "," The tower "," The star "," The moon" ," The sun "," judgement "," The world ");
         if($_POST["name"] == "")
         {
            echo "<p class='fontcolor'>您的牌是:<br>".strtoupper($card[20]);
         }
         else
         {
         	$namehash = ord(sha1($_POST["name"]));
         	$agehash = ord(sha1($_POST["age"]));
         	$joker = 0;
            mt_srand(ord(sha1($namehash+$agehash)));
            echo "<p class='fontcolor'>您的牌是<br>".strtoupper($card[mt_rand(0,20)]);
         }
      }
?>

</div>
</body>